<style>
	.ua-demo-toggles .item{
		float:left;
		margin:10px;
	}
</style>
<div class="ua-demo-toggles">
	<h2>ua-toggle-bar-arrow</h2>
	<coding lan="markup">
&lt;ua-toggle-bar-arrow ng-click="">&lt;/ua-toggle-bar-arrow>
&lt;ua-toggle-bar-arrow ua-direction="right">&lt;/ua-toggle-bar-arrow>
	</coding>
	<div class="clearfix">
		<ua-toggle-bar-arrow class="item"></ua-toggle-bar-arrow>
		<ua-toggle-bar-arrow ua-direction="right" class="item"></ua-toggle-bar-arrow>
	</div>
	<div class="clearfix">
		<h2>ua-toggle-bar-cricle</h2>
		<coding lan="markup">
&lt;ua-toggle-bar-circle ng-click="">&lt;/ua-toggle-bar-circle>
		</coding>
		<ua-toggle-bar-circle ua-theme="dark" class="item"></ua-toggle-bar-circle>
	</div>
	
	<div class="clearfix">
		<h2>ua-toggle-switch</h2>
		<coding lan="markup">
&lt;ua-toggle-switch>&lt;/ua-toggle-switch>
&lt;ua-toggle-switch ua-theme="light">&lt;/ua-toggle-switch>
&lt;ua-toggle-switch ua-theme="flat">&lt;/ua-toggle-switch>
&lt;ua-toggle-switch ua-theme="skewed">&lt;/ua-toggle-switch>
&lt;ua-toggle-switch ua-theme="flip">&lt;/ua-toggle-switch>
		</coding>
		<ua-toggle-switch class="item"></ua-toggle-switch>
		<ua-toggle-switch class="item" ua-theme="light"></ua-toggle-switch>
		<ua-toggle-switch class="item" ua-theme="flat"></ua-toggle-switch>
		<ua-toggle-switch class="item" ua-theme="skewed"></ua-toggle-switch>
		<ua-toggle-switch class="item" ua-theme="flip"></ua-toggle-switch>
	</div>
</div>